<!DOCTYPE html>
<html lang="{{=T.accepted_language or 'en'}}" oncontextmenu="return false;">
  <head>
    
    <script src="{{=URL('static','jquery-1.6.2.min.js')}}"></script> 
    <script src="{{=URL('static','common.js')}}"></script> 

    <link href="{{=URL('static','common.css')}}" rel="stylesheet" type="text/css">
    <link href="{{=URL('static','modalBox.css')}}" rel="stylesheet" type="text/css">

  </head>
 
  <body> 

    <div class="page4Container">

        <div class="page4Question">
            <div class="flagBlue">What image or object in this exhibition moved you most?</div>
            <div class="flagRed bold centerText">Why?</div>
        </div>

        <div class="page4MainPanel">

            <div class="page4LeftPanel"></div>
            
            <div class="page4RightPanel flagBlue"></div>

            <div class="clear"></div>

            <div class="page4NextResponseContainer"></div>
        
        </div>

    </div>

  </body>

  <script type="text/javascript">

      page4AddDOMObjects('B');

      var currentPage = 0;
      var responseIndex = undefined;
      var application = '{{=request.application}}';

      $(document).ready( function() { page4Ready( '{{=request.application}}', 'B'); } );

  </script>

</html>

